
<section class="product inner-1200">
   <el-table :data="tableData">
     <el-table-column prop="type" label="分类"></el-table-column>
     <el-table-column prop="marknum" class-name="mark-num-color" label="牌号"></el-table-column>
     <el-table-column prop="company" label="厂家"></el-table-column>
     <el-table-column prop="num" label="数量（吨）">
        <template slot-scope="scope">
          <!-- <span v-if="scope.row.num === '无货'" class="nothing-color">{{scope.row.num}}</span>
          <span v-else>{{scope.row.num}}</span> -->

          <span :class="{'nothing-color': scope.row.num === '无货' ? true : false}">{{scope.row.num}}</span>
        </template>
     </el-table-column>
     <el-table-column prop="address" label="交货地"></el-table-column>
     <el-table-column prop="sendway" label="交货方式"></el-table-column>
     <el-table-column prop="updatetime" label="更新时间"></el-table-column>
     <el-table-column prop="price" label="价格（元）"></el-table-column>
     <el-table-column prop="updown" label="涨价"></el-table-column>
     <el-table-column width="210px">
      <template slot-scope="scope">
        <span class="btn-add-selector">加入自选</span>
        <span class="btn-service"><img src="../../../assets/img/service.png"></span>
        <el-button size="small" type="primary">立即采购</el-button>
      </template>
     </el-table-column>
   </el-table>
</section>

